.theme-btn {
  cursor: pointer;
  position: fixed;
  z-index: 2147483640;
  right: 32px;
  bottom: 102px;
  display: flex;
  flex-direction: column;

  &-tooltip {
    .ant-tooltip-inner {
      min-width: 100px;
    }
  }

  & > div {
    display: block;
  }

  &-active {
    width: 44px;
    height: 44px;
    font-size: 22px;
    line-height: 44px;
    color: @primary-color;
  }

  & &-avatar {
    color: #000;
    background-color: #fff;
    box-shadow: @shadow-2;
    transition: color 0.3s;

    &:hover {
      color: @primary-color;
    }
  }
}
